#main {
  > div {
    background: white;
    margin-bottom: .5rem;
    padding: .5rem;
  }
}

.highlight {
  color: orangered;
}

.tips {
  font-size: 12px;
  color: #929292;
}

.indent-status {
  display: flex;
  div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .icon {
    font-size: 2rem;
    margin-right: .5rem;
  }
}

.small {
  font-size: 14px;
}

.house-res {
  .title {
    margin-bottom: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .line {
    margin-bottom: 3px;
  }
}

.house-guys {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;

  img {
    max-width: 30%;
    margin-right: .5rem;
  }

  div {

    div {
      font-size: 12px;
      color: #929292;
    }
  }
}

.line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;

  .icon {
    font-size: 14px;
  }
}

.reservation {
  div {
    font-size: 14px;
    color: #929292;
    margin-bottom: 3px;
  }
}

.address {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.house-des {
  flex-grow: 1;
}

.handle {
  justify-content: space-around;
  align-items: center;
  .span_two {
    width: 40%;
    text-align: center
  }
}

.cancel {
  color: #929292;
}

.price-detail {
  > div {
    margin-bottom: 5px;
  }
}

.guys-line {
  span {
    width: calc(100% / 3);
  }
}